

/* 轮播图 开始 */
.index_swiper{
  swiper{
    height: 340rpx;
    swiper-item{
      navigator{
        image{
          width: 100%;
        }
      }
    }
  }
}
/* 轮播图 结束 */

/* 分类开始 */
.index_cates{
  display: flex;
  navigator{
    flex: 1;
    padding: 20rpx;
    image{
      width: 100%;
    }
  }
}
/* 分类结束 */

/* 楼层开始 */
.index_floor{
  .floor_group{
    .floor_title{
      padding: 20rpx 0;
      image{
        width: 100%;
      }
    }
    .floor_products{
      overflow: hidden;
      navigator{
        float: left;
        width: 33.33%;
        /* 
          nav w / nav h = 原图 w / 原图 h 
          nav h = nav w * 原图 h / 原图 w
          nav h = 33.33% * 386 / 232
          vw 、 vh 都是长度单位，
          是视口平均分了100分
          类似于bootstrap的
          一行分12列
        */

        /* 后四个超链接 高度 是第一个的 一半 */
        &:nth-last-child(-n+4){
          height: 33.33vw * 386 / 232 / 2;
          border-left: 10rpx solid #fff;
        }
        &:nth-child(2),&:nth-child(3){
          border-bottom: 10rpx solid #fff;
        }
        image{
          width: 100%;
          height: 100%;
        }
      }
    }
  }
}
/* 楼层结束 */